<template>
  <div class="contentBox" :style="{width:pWidth,height:pHeight}">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "component_contentBox",
  props: {
    pWidth: {
      type: String,
      default: "50%"
    },
    pHeight: {
      type: String,
      default: "18vh"
    }
  }
};
</script>

<style lang='less'>
.contentBox{
  background: #fff;
  display: inline-block;
  padding: .5vw;
  margin: .3%;
  box-shadow: 0 2px 10px 0 rgba(#000000,.1);
  border-radius: 3px;
  position: relative;
}
</style>